<template>
    <view style="margin-top:50px;">
        <NoticeAndStats :stats="stats" :noticeList="noticeList"/>
    </view>
</template>

<script>
import NoticeAndStats from '@/components/NoticeAndStats01.vue';

export default {
    components: {
        NoticeAndStats
    },
    data() {
        return {
            stats: [
                { class: "cela icon_cel_1", title: '累计积分', value: '19800' },
                { class: "cela icon_cel_2", title: '累计回收', value: '19800' },
                { class: "cela icon_cel_3", title: '累计收益', value: '19800' }
            ],
			noticeList: '',
        }
    },
    onLoad() {
        this.getStatus();
		this.getNotices()
    },
    methods: {
        async getStatus() {
            let response = await this.$api.getStatus();
            this.stats = response.data;
        },
		async getNotices() {
			let response = await this.$api.getNotices()
		
			this.noticeList = response.data
			console.log(this.noticeList)
		},
    }
}
</script>

<style lang="scss" scoped>
.gongao_icon_box {
		width: 694rpx;
		height: 200rpx;
		background: #ffffff;
		border-radius: 20rpx;
		z-index: 99;
		margin-top: -60rpx;
		position: absolute;
		left: 28rpx;
		box-shadow: 0 0 5px #dedede;
		
		.icon_box {
			width: 694rpx;
			justify-content: space-around;
			display: flex;
			border-bottom: 1px solid #eeeeee;
			align-items: center;
			padding:20rpx;
			
			.cela {
				width: 220rpx;
				height: 84rpx;
				padding-left: 92rpx;
				text-align: left;
				background-repeat: no-repeat;
				background-size: 84rpx 84rpx;
				background-position: 0 top;
				box-sizing: border-box;
				
				text {
					color: #999999;
					font-size: 24rpx;
				}
				.jiacu_text {
					font-size: 32rpx;
					font-weight: bolder;
					color: #000000;
				}
			}
			.icon_cel_1 {
				background-image: url(~@/static/coolc/i-t-1.png);
			}
			.icon_cel_2 {
				background-image: url(~@/static/coolc/i-t-2.png);
			}
			.icon_cel_3 {
				background-image: url(~@/static/coolc/i-t-3.png);
			}
		}
	}
</style>
